<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page isELIgnored="false"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta charset="UTF-8">
		<title>${VARIABLEMAP.title }</title>
		<meta
			content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
			name='viewport'>
			<link href='http://static.image.alimmdn.com/favicon.ico?t=123654' rel="shortcut icon" />
		<!-- Bootstrap 3.3.4 -->
		<link href='<c:url value="/Js/AdminLTE-2.1.1/bootstrap/css/bootstrap.min.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- FontAwesome 4.3.0 -->
		<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/fontawesome/4.2.0/css/font-awesome.min.css">
		
		<%-- <link
			href='<c:url value="/Js/font-awesome.min.css"/>'
			rel="stylesheet" type="text/css" /> --%>
		<link
			href='<c:url value="/Js/ionicons.min.css"/>'
			rel="stylesheet" type="text/css" />
		 
		<!-- 
		<link
			href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>'
			rel="stylesheet" type="text/css" />
		<link
			href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"/>'
			rel="stylesheet" type="text/css" />
		 -->
		 
			
		<!-- Theme style -->
		<link href='<c:url value="/Js/AdminLTE-2.1.1/dist/css/AdminLTE.min.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- AdminLTE Skins. Choose a skin from the css/skins 
         folder instead of downloading all of them to reduce the load. -->
		<link
			href='<c:url value="/Js/AdminLTE-2.1.1/dist/css/skins/_all-skins.min.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- iCheck -->
		<link href='<c:url value="/Js/AdminLTE-2.1.1/plugins/iCheck/flat/blue.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- Morris chart -->
		<link href='<c:url value="/Js/AdminLTE-2.1.1/plugins/morris/morris.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- jvectormap -->
		<link
			href='<c:url value="/Js/AdminLTE-2.1.1/plugins/jvectormap/jquery-jvectormap-1.2.2.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- Date Picker -->
		<link
			href='<c:url value="/Js/AdminLTE-2.1.1/plugins/datepicker/datepicker3.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- Daterange picker -->
		<link
			href='<c:url value="/Js/AdminLTE-2.1.1/plugins/daterangepicker/daterangepicker-bs3.css"/>'
			rel="stylesheet" type="text/css" />
		<!-- bootstrap wysihtml5 - text editor -->
		<link
			href='<c:url value="/Js/AdminLTE-2.1.1/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css"/>'
			rel="stylesheet" type="text/css" />

	</head>
	
	<body class="skin-blue sidebar-mini">
		
	<div class="wrapper">
      
      <!--  显示最上面一栏 -->
      <header class="main-header">
        <!-- Logo -->
        <a href="#" class="logo">
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><b>Stage</b> Call </span>
        </a>
        
        <!--  显示在上面的 状态栏 -->
        <nav class="navbar navbar-static-top" role="navigation"></nav>
      </header>
      
      
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          <!-- Sidebar user panel -->
          <div class="user-panel">
            <div class="pull-left image">
            	<!--  显示管理员头像 -->
              <img src="${user.headerpath }" class="img-circle" alt="User Image" />
            </div>
            <div class="pull-left info">
            	<!-- 显示管理员昵称 -->
              <p>${user.nickname }</p>
              <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
          </div>
          
          
          <!-- /.search form -->
          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu">
            <li class="header">系统管理  -  操作菜单</li>
            
            <!--  显示菜单树 2015年6月19日15:13:31 -->
            
            ${LoadTree }
            
            <!--  菜单显示结束 2015年6月19日15:27:00 -->
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>
	
		<!--  显示内容 -->
	<!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            Calendar
            <small>Control panel</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Calendar</li>
          </ol>
        </section>
       </div>
	
      <div class='control-sidebar-bg'></div>
      </div>

	<!-- jQuery 2.1.4 -->
    <script src='<c:url value="/Js/AdminLTE-2.1.1/plugins/jQuery/jQuery-2.1.4.min.js"/>'></script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src='<c:url value="/Js/AdminLTE-2.1.1/bootstrap/js/bootstrap.min.js"/>' type="text/javascript"></script>
    <!-- jQuery UI 1.11.1 -->
    <script src='<c:url value="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"/>' type="text/javascript"></script>
    <!-- Slimscroll -->
    <script src='<c:url value="/Js/AdminLTE-2.1.1/plugins/slimScroll/jquery.slimscroll.min.js"/>' type="text/javascript"></script>
    <!-- FastClick -->
    <script src='<c:url value="/Js/AdminLTE-2.1.1/plugins/fastclick/fastclick.min.js"/>' type="text/javascript"></script>
    <!-- AdminLTE App -->
    <script src='<c:url value="/Js/AdminLTE-2.1.1/dist/js/app.min.js"/>' type="text/javascript"></script>
    <!-- AdminLTE for demo purposes -->
    <script src='<c:url value="/Js/AdminLTE-2.1.1/dist/js/demo.js"/>' type="text/javascript"></script>
    <!-- fullCalendar 2.2.5 -->
    <script src='<c:url value="/Js/moment.min.js"/>' type="text/javascript"></script>
    <script src='<c:url value="/Js/AdminLTE-2.1.1/plugins/fullcalendar/fullcalendar.min.js"/>' type="text/javascript"></script>
	
	</body>
</html>